<!DOCTYPE html>
<ui:composition template="/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:define name="content">
	 <h:form id="form">
		<p:panel id="ppal" header="Registrar Combo Bebida" style="width:800px"
			styleClass="fondo">
			<h:panelGrid columns="2" cellpadding="5">
				<h:outputLabel value="Nombre Combo:" />
				<p:inputText style="width:200%"></p:inputText>

				<h:outputLabel value="Descripción:" />
				<p:inputTextarea rows="3" style="width:200%" />
			</h:panelGrid>
			<p:panel id="basic" header="Seleccionar Bebida"
				style="width:100%">
				<h:panelGrid columns="2" cellpadding="5">
					<h:outputLabel value="Bebida:" />
					<p:selectOneMenu id="comboBebidas"
						value=""
						 effect="fade" var=""
						panelStyle="width:180px" style="width:400px" 
						filterMatchMode="startsWith">
						<f:selectItems value="" var=""
							itemLabel="" itemValue="" />

						<p:column>
							<h:outputText value="" />
						</p:column>

					</p:selectOneMenu>

					<p:commandButton value="Agregar" ajax="false"
						update=":form:tablaDetalle"
						 />

				</h:panelGrid> 

				<p:dataTable id="tablaDetalle" var=""
					value="">
					<p:column headerText="Bebida">
						<h:outputText value="" />
					</p:column>

				</p:dataTable>

			</p:panel>
			<br />
			
			<p:commandButton value="Guardar" ajax="false" update="" />
		</p:panel>
	</h:form>
</ui:define>
</ui:composition>
